<script setup lang="ts">
import DiaLog from './components/MyDialog.vue';
</script>

<template>
  <div>
    <!-- 使用对话框 -->
    <DiaLog>
      <template #default>
        <input type="color" name="" id="">
      </template>
     <template #center>
         <input type="date" name="" id="">
     </template>
     <template #bottom>
         <button>啊啊啊啊啊</button>
     </template>
    </DiaLog>

    <DiaLog>
     <template #center>
      <div>用户名: <input type="text" placeholder="请输入姓名"></div>
      <div>密码: <input type="password" placeholder="请输入姓名"></div>
      <div>
        <button>登录</button>
        <button>重置</button>
      </div>
     </template>
     <template #bottom>
      <button>啊啊啊啊啊aaaaaaaa</button>
     </template>
    </DiaLog>
  </div>
</template>

<style scoped></style>